@model MediaSettingsModel

<div class="card-body">
    <div class="form-group row">
        <div class="col-md-3">
            <nop-override-store-checkbox asp-for="ProductDetailsPictureSize_OverrideForStore" asp-input="ProductDetailsPictureSize" asp-store-scope="@Model.ActiveStoreScopeConfiguration" />
            <nop-label asp-for="ProductDetailsPictureSize" />
        </div>
        <div class="col-md-9">
            <nop-editor asp-for="ProductDetailsPictureSize" />
            <span asp-validation-for="ProductDetailsPictureSize"></span>
        </div>
    </div>
    <div class="form-group row">
        <div class="col-md-3">
            <nop-override-store-checkbox asp-for="ProductThumbPictureSize_OverrideForStore" asp-input="ProductThumbPictureSize" asp-store-scope="@Model.ActiveStoreScopeConfiguration" />
            <nop-label asp-for="ProductThumbPictureSize" />
        </div>
        <div class="col-md-9">
            <nop-editor asp-for="ProductThumbPictureSize" />
            <span asp-validation-for="ProductThumbPictureSize"></span>
        </div>
    </div>
    <div class="form-group row">
        <div class="col-md-3">
            <nop-override-store-checkbox asp-for="ProductThumbPictureSizeOnProductDetailsPage_OverrideForStore" asp-input="ProductThumbPictureSizeOnProductDetailsPage" asp-store-scope="@Model.ActiveStoreScopeConfiguration" />
            <nop-label asp-for="ProductThumbPictureSizeOnProductDetailsPage" />
        </div>
        <div class="col-md-9">
            <nop-editor asp-for="ProductThumbPictureSizeOnProductDetailsPage" />
            <span asp-validation-for="ProductThumbPictureSizeOnProductDetailsPage"></span>
        </div>
    </div>
    <div class="form-group row">
        <div class="col-md-3">
            <nop-override-store-checkbox asp-for="AssociatedProductPictureSize_OverrideForStore" asp-input="AssociatedProductPictureSize" asp-store-scope="@Model.ActiveStoreScopeConfiguration" />
            <nop-label asp-for="AssociatedProductPictureSize" />
        </div>
        <div class="col-md-9">
            <nop-editor asp-for="AssociatedProductPictureSize" />
            <span asp-validation-for="AssociatedProductPictureSize"></span>
        </div>
    </div>
    <div class="form-group row">
        <div class="col-md-3">
            <nop-override-store-checkbox asp-for="ProductDefaultImageId_OverrideForStore" asp-input="ProductDefaultImageId" asp-parent-container="default-image" asp-store-scope="@Model.ActiveStoreScopeConfiguration" />
            <div class="label-wrapper">
                <label class="col-form-label">@T("Admin.Configuration.Settings.Media.ProductDefaultImage")</label>
                <div class="ico-help" data-toggle="tooltip" title="@T("Admin.Configuration.Settings.Media.ProductDefaultImage.Hint", Nop.Services.Media.NopMediaDefaults.DefaultImageFileName)">
                    <i class="fas fa-circle-question"></i>
                </div>
            </div>
        </div>
        <div class="col-md-9" id="default-image">
            <nop-editor asp-for="ProductDefaultImageId" />
            <span asp-validation-for="ProductDefaultImageId"></span>
        </div>
    </div>
</div>